@btn-primary-common-font: @general-6;
@btn-primary-common-bg: @general-46;
@btn-primary-common-border: @general-46;
//  primary-hover
@btn-primary-hover-font: @general-6;
@btn-primary-hover-bg: @general-42;
@btn-primary-hover-border: @general-42;
//  primary-active
@btn-primary-active-font:  @general-6;
@btn-primary-active-bg:  @general-48;
@btn-primary-active-border:  @general-48;
//  primary-disabled
@btn-primary-disabled-font: @general-18;
@btn-primary-disabled-bg: @general-78;
@btn-primary-disabled-border: @general-78;


//  ghost-common
@btn-ghost-common-font: @general-46;
@btn-ghost-common-bg: @general-90;
@btn-ghost-common-border: @general-46;
//  ghost-hover
@btn-ghost-hover-font: @general-42;
@btn-ghost-hover-bg: @general-90;
@btn-ghost-hover-border: @general-42;
//  ghost-active
@btn-ghost-active-font: @general-48;
@btn-ghost-active-bg: @general-90;
@btn-ghost-active-border: @general-48;
//  ghost-disabled
@btn-ghost-disabled-font: @general-60;
@btn-ghost-disabled-bg: @general-90;
@btn-ghost-disabled-border: @general-60;


//  danger-common
@btn-danger-common-font: @general-1;
@btn-danger-common-bg: @general-102;
@btn-danger-common-border: @general-102;
//  danger-hover
@btn-danger-hover-font: @general-1;
@btn-danger-hover-bg: @general-96;
@btn-danger-hover-border: @general-96;
//  danger-active
@btn-danger-active-font: @general-1;
@btn-danger-active-bg: @general-108;
@btn-danger-active-border: @general-108;
//  danger-disabled
@btn-danger-disabled-font: @general-1;
@btn-danger-disabled-bg: @general-114;
@btn-danger-disabled-border: @general-114;


.ant-btn[type="button"],
.ant-btn[type="submit"] {
  color: @btn-primary-common-font;
  background-color: @btn-primary-common-bg;
  border: solid 1px @btn-primary-common-border;

  &:hover {
    color: @btn-primary-hover-font;
    background-color: @btn-primary-hover-bg;
    border-color: @btn-primary-hover-border;
  }

  &:active {
    color: @btn-primary-active-font;
    background-color: @btn-primary-active-bg;
    border-color: @btn-primary-active-border;
  }

  &[disabled] {
    color: @btn-primary-disabled-font;
    background-color: @btn-primary-disabled-bg;

    &:hover {}
  }

  &.ant-btn-primary {
    color: @btn-primary-common-font;
    background-color: @btn-primary-common-bg;
  
    &:hover {
      color: @btn-primary-hover-font;
      background-color: @btn-primary-hover-bg;
      border-color: @btn-primary-hover-border;
    }
  
    &:active {
      color: @btn-primary-active-font;
      background-color: @btn-primary-active-bg;
      border-color: @btn-primary-active-border;
    }

    &[disabled] {
      color: @btn-primary-disabled-font;
      background-color: @btn-primary-disabled-bg;
  
      &:hover {}
    }
  }

  &.ant-btn-danger {
    color: @btn-danger-common-font;
    background-color: @btn-danger-common-bg;
  
    &:hover {
      color: @btn-danger-hover-font;
      background-color: @btn-danger-hover-bg;
      border-color: @btn-danger-hover-border;
    }
  
    &:active {
      color: @btn-danger-active-font;
      background-color: @btn-danger-active-bg;
      border-color: @btn-danger-active-border;
    }

    &[disabled] {
      color: @btn-danger-disabled-font;
      background-color: @btn-danger-disabled-bg;
  
      &:hover {}
    }
  }

  &.ant-btn-ghost {
    color: @btn-ghost-common-font;
    background-color: @btn-ghost-common-bg;
  
    &:hover {
      color: @btn-ghost-hover-font;
      background-color: @btn-ghost-hover-bg;
      border-color: @btn-ghost-hover-border;
    }
  
    &:active {
      color: @btn-ghost-active-font;
      background-color: @btn-ghost-active-bg;
      border-color: @btn-ghost-active-border;
    }

    &[disabled] {
      color: @btn-ghost-disabled-font;
      background-color: @btn-ghost-disabled-bg;
  
      &:hover {}
    }
  }
}